.mobileUpdate {
    display: flex;

    &>div:first-child {
        flex: 1;
    }

    .mobileCode {
        width: 107px;
        height: 28px;
        line-height: 28px;
        padding: 0 !important;
        margin-left: 8px;
        color: #1592FF;
        font-size: 14px;
        vertical-align: bottom;
        border: 1px solid;
        cursor: pointer;
        outline: none;
        border-radius: 0;
        background-color: transparent;
        &:hover{
            // color: #80cfff;
        }
        &[disabled] {
            pointer-events: none;
            color: #C5C5C5;
        }
    }

    :global {
        .el-button {
            padding: 7px 15px;
        }

        .el-steps {
            padding: 24px;
            border-bottom: 10px solid #f0f2f5;

            .el-step {
                &:last-child {
                    .el-step__head {
                        .el-step__line {
                            // background-color: #C0C4CC;
                        }

                        &.is-finish,
                        &.is-process {
                            // color: #1890FF;
                            // border-color: #1890FF;

                            .el-step__line {
                                // background-color: #1890FF;
                            }
                        }
                    }

                    .el-step__main {
                        .el-step__title {
                            // color: rgba(0, 0, 0, 0.15);
                            font-weight: bold;
                            font-size: 14px;
                            font-family: PingFangSC;

                            &.is-process {
                                // color: #1592FF;
                            }

                            &.is-finish {
                                // color: #1592FF;
                            }
                        }
                    }
                }

                .el-step__head {
                    .el-step__line {
                        background-color: #C0C4CC;
                    }

                    &.is-process {
                        color: #333333;
                        border-color: #333333;

                    }

                    &.is-finish {
                        .el-step__line {
                            // background-color: #1890FF;
                        }
                    }
                }

                .el-step__main {
                    .el-step__title {
                        // color: rgba(0, 0, 0, 0.15);
                        font-weight: bold;
                        font-size: 14px;
                        font-family: PingFangSC;

                        &.is-process {
                            // color: #333333;
                        }

                        &.is-finish {
                            // color: #1592FF;
                        }
                    }
                }
            }
        }

        .el-form {
            padding: 100px 0 0 0;
            width: 600px;
            margin: auto;

            h1 {
                margin: 10px 0;
                font-size: 14px;
                color: #333;

                &.upload-header {
                    margin: 40px 0 10px;
                }

                i {
                    font-style: normal;
                    font-size: 14px;
                    color: #F5222D;
                }
            }

            .el-form-item {
                // display: inline-flex;
                width: 100%;

                // margin: 0 0 5px 0;
                &:last-child {
                    .el-form-item__content {
                        .el-input {
                            width: 286px;
                        }
                    }
                }

                .el-form-item__label {
                    width: 120px;
                    white-space: nowrap;

                    &::before {
                        display: none;
                    }
                }

                .el-form-item__content {
                    flex: 1;

                    .el-input {
                        width: 400px;
                    }

                    i {
                        margin-left: 10px;
                        color: #D9D9D9;
                    }
                    .el-form-item__error{
                        padding-left: 120px;
                        padding-top: 2px;
                    }
                }

                .el-input__inner {
                    border-radius: 0;

                    &.el-date-editor--daterange {
                        margin: 5px 5px 0 0;

                        .el-input__icon {
                            line-height: normal !important;
                        }
                    }
                }


            }

            // upload-div
        }

        // el-form

        .success-view {
            margin: 100px 0;
            text-align: center;

            p {
                font-size: 12px;
                color: #333;
                margin-top: 10px;
            }

            h1 {
                font-size: 18px;
                color: #333;
                margin: 20px 0 0px;
            }

            i {
                color: #29CC44;
                font-size: 60px;
            }

            .link-btn {
                display: inline-block;
                margin: 40px 0 10px;
                padding: 8px 20px;
                font-size: 14px;
                text-decoration: none;
                background-color: #fff;
                border-radius: 3px;
                color:rgba(0,0,0,0.65);
            }
        }

        .footer {
            width: 600px;
            padding-left: 120px;
            margin: auto;
            text-align: left;

            .tips {
                margin-left: 10px;
                font-size: 12px;
                color: rgba(0, 0, 0, 0.25);

                i {
                    margin-right: 6px;
                }
            }

        }
    }
}